<script setup lang="ts">
const props = defineProps({
  id: {type: Number, required: true}
})

const deleteTour = async () => {
  const id = props.id
  const { data, error, response } = await client.deleteTour(id)
  if (data) {
    navigateTo('tours/')
  }
  if (error) {
    console.log(error)
  }
}
</script>

<template>
  <Dialog>
    <DialogTrigger>
      <Button variant="destructive" class="w-full">Удалить</Button>
    </DialogTrigger>
    <DialogContent>
      <DialogHeader>
        <DialogTitle>Вы действительно хотите удалить тур?</DialogTitle>
        <DialogDescription>
          После удаления его нельзя будет восстановить.
        </DialogDescription>
      </DialogHeader>

      <DialogFooter>
        <DialogClose as-child>
          <Button type="button" variant="secondary">
            Отменить удаление
          </Button>
          <Button type="button" variant="destructive" @click="deleteTour">
            Удалить
          </Button>
        </DialogClose>
      </DialogFooter>
    </DialogContent>
  </Dialog>
</template>

<style scoped>

</style>